@import './common/_var.scss';
@import './mixins/mixins.scss';

@include blockquote(carousel) {
    width: 100%;
    height: 100%;
    position: relative;
    .view-port {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
    }

    .dots{
        position: absolute;
        bottom: 20px;
        left:0;
        width: 100%;
        display: flex;
        justify-content: center;

        span{
            display: inline-block;
            width: 50px;
            height:10px;
            background:#888;
            margin:5px;
            text-indent: -9999px;
            opacity: 0.5;
            &.active{
                opacity: 1;
            }
        }
    }

}